<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!--<link href="http://at.alicdn.com/t/font_0jgk5oxe1qo20529.css" rel="stylesheet">-->
    <link href="../../bootstrap/css/bootstrap.css" rel="stylesheet">
    <link href="../../css/base.css" rel="stylesheet">
    <link href="../../css/common.css" rel="stylesheet">
    <link href="../../css/iconfont.css" rel="stylesheet">
    <link href="gray-modal.css" rel="stylesheet">
    <!--[if lt IE 9]>
    <script src="../../bootstrap/js/html5shiv.js"></script>
    <script src="../../bootstrap/js/respond.min.js"></script>
    <![endif]-->
    <title>Title</title>
</head>
<body style="height: 100%;overflow-y: hidden;padding-top: 20px;">
<button class="btn btn-primary" data-toggle="modal" data-target="#md-modal">点击出现中等模态框</button>
<button class="btn btn-primary" data-toggle="modal" data-target="#lg-modal">点击出现大模态框</button>
<div class="modal fade" id="md-modal">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                <h6 style="font-size: 13px" class="modal-title">开单套餐新增/修改</h6>
            </div>
            <div class="modal-body container-fluid">
                <form class="form-horizontal">
                    <input type="text" class="d-n" name="id">
                    <div class="form-group col-sm-6">
                        <label class="control-label col-sm-6">项目标准编码</label>
                        <div class="col-sm-6 p-lr0">
                            <input type="text" class="form-control" name="binNormCode" placeholder="项目标准编码" />
                        </div>
                    </div>
                    <div class="form-group col-sm-6">
                        <label class="control-label col-sm-6">项目名称</label>
                        <div class="col-sm-6 p-lr0">
                            <input type="text" class="form-control" name="binName" placeholder="项目名称" />
                        </div>
                    </div>
                    <div class="form-group col-sm-6">
                        <label class="control-label col-sm-6">拼音码</label>
                        <div class="col-sm-6 p-lr0">
                            <input type="text" class="form-control" name="chinaSpell"
                                   id="chinaSpell" placeholder="拼音码" />
                        </div>
                    </div>
                    <div class="form-group col-sm-6">
                        <label class="control-label col-sm-6">五笔码</label>
                        <div class="col-sm-6 p-lr0">
                            <input type="text" class="form-control" name="fiveStroke"
                                   id="fiveStroke" placeholder="五笔码" />
                        </div>
                    </div>
                    <div class="form-group col-sm-6">
                        <label class="control-label col-sm-6">项目类型</label>
                        <div class="col-sm-6 p-lr0">
                            <select class="form-control" name="binType">
                                <option value="0" selected>0000</option>
                                <option value="1">1111</option>
                                <option value="2">2222</option>
                                <option value="3">333</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group col-sm-6">
                        <label class="control-label col-sm-6">医院</label>
                        <div class="col-sm-6 p-lr0">
                            <input type="text" class="form-control" name="hospitalId" placeholder="医疗机构" />
                        </div>
                    </div>
                    <div class="form-group col-sm-6">
                        <label class="control-label col-sm-6">执行科室</label>
                        <div class="col-sm-6 p-lr0">
                            <input type="text" class="form-control" name="depId" placeholder="执行科室" />
                        </div>
                    </div>
                    <div class="form-group col-sm-6">
                        <label class="control-label col-sm-6">折扣率</label>
                        <div class="col-sm-6 p-lr0">
                            <input type="text" class="form-control" name="binDiscount" placeholder="折扣率" />
                        </div>
                    </div>
                    <div class="form-group col-sm-6">
                        <label class="control-label col-sm-6" for="binState1">作废标识</label>
                        <div class="col-sm-6 p-lr0 " style="margin-top: 6px">
                            <input type="checkbox" name="binState" id="binState1" value="1">
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer" style="text-align: center">
                <button type="button" class="btn btn-info btn-sm bg-blue">保存</button>
                <button type="button" class="btn btn-primary btn-sm bg-gray" data-dismiss="modal">取消</button>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="lg-modal">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                <h6 style="font-size: 13px" class="modal-title">开单套餐新增/修改</h6>
            </div>
            <div class="modal-body container-fluid">
                <form class="form-horizontal">
                    <input type="text" class="d-n" name="id">
                    <div class="form-group col-sm-4">
                        <label class="control-label col-sm-6">项目标准编码</label>
                        <div class="col-sm-6 p-lr0">
                            <input type="text" class="form-control" name="binNormCode" placeholder="项目标准编码" />
                        </div>
                    </div>
                    <div class="form-group col-sm-4">
                        <label class="control-label col-sm-6">项目名称</label>
                        <div class="col-sm-6 p-lr0">
                            <input type="text" class="form-control" name="binName" placeholder="项目名称" />
                        </div>
                    </div>
                    <div class="form-group col-sm-4">
                        <label class="control-label col-sm-6">拼音码</label>
                        <div class="col-sm-6 p-lr0">
                            <input type="text" class="form-control" name="chinaSpell" placeholder="拼音码" />
                        </div>
                    </div>
                    <div class="form-group col-sm-4">
                        <label class="control-label col-sm-6">五笔码</label>
                        <div class="col-sm-6 p-lr0">
                            <input type="text" class="form-control" name="fiveStroke" placeholder="五笔码" />
                        </div>
                    </div>
                    <div class="form-group col-sm-4">
                        <label class="control-label col-sm-6">项目类型</label>
                        <div class="col-sm-6 p-lr0">
                            <select class="form-control" name="binType">
                                <option value="0" selected>0000</option>
                                <option value="1">1111</option>
                                <option value="2">2222</option>
                                <option value="3">333</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group col-sm-4">
                        <label class="control-label col-sm-6">医院</label>
                        <div class="col-sm-6 p-lr0">
                            <input type="text" class="form-control" name="hospitalId" placeholder="医院" />
                        </div>
                    </div>
                    <div class="form-group col-sm-4">
                        <label class="control-label col-sm-6">执行科室</label>
                        <div class="col-sm-6 p-lr0">
                            <input type="text" class="form-control" name="depId" placeholder="执行科室" />
                        </div>
                    </div>
                    <div class="form-group col-sm-4">
                        <label class="control-label col-sm-6">折扣率</label>
                        <div class="col-sm-6 p-lr0">
                            <input type="text" class="form-control" name="binDiscount" placeholder="折扣率" />
                        </div>
                    </div>
                    <div class="form-group col-sm-4">
                        <label class="control-label col-sm-6" for="binState2">作废标识</label>
                        <div class="col-sm-6 p-lr0 " style="margin-top: 6px">
                            <input type="checkbox" name="binState" id="binState2" value="1">
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer" style="text-align: center">
                <button type="button" class="btn btn-info btn-sm bg-blue">保存</button>
                <button type="button" class="btn btn-primary btn-sm bg-gray" data-dismiss="modal">取消</button>
            </div>
        </div>
    </div>
</div>

</body>
<script src="../../js/jquery-1.11.1.js"></script>
<script src="../../bootstrap/js/bootstrap.min.js"></script>
<script>

</script>
</html>